@charset "utf-8";
@import "reset";
@function bfb($p){
    @return $p/ 1366 * 100%;
}  
@function con($p){
    @return $p/ 1280 * 100%;
}
@function sbfb($p){
    @return $p/1020 * 100%;
}
@function s702($p){
    @return $p/702 * 100%;
}
@function s542($p){
    @return $p/542 * 100%;
}
@function s400($p){
    @return $p/400 * 100%;
}


html,body{
    width: 100%;
}
.web{
    width: 100%;
    min-width: 1200px;
    .top{
        width: bfb(1028);
        height: 82px;
        margin: 18px auto 0;
        line-height: 82px;
        .logo{
            width: 58px;
            height: 67px;
            overflow: hidden;
            float: left;
            font-size: 0;
            img{
                width: 100%;
            }
        }
        p{
            float: left;
            font-size: 22px;
            letter-spacing: 2px;
            color: #444f58;
            margin-left:con(40);
            line-height: 50px;
            padding-left: 30px;
            margin-top: 7px;
            border-left:1px solid #EFEFEF ;     
        }
    }
    .conter{
        width:100% ;
//      height: 598px;
        background: #EFEFEF;
        overflow: hidden;
        .b_block{
            width: bfb(1020);
            margin: 0 auto;
            height: 1100px;
            margin-top: 35px;
            background-color: #ffffff;
            border: solid 1px #dddddd;
            position: relative;
            .content{
                width: sbfb(960);
                height: 1042px;
                margin:auto;
                position: absolute;
                top:0;
                bottom: 0;
                left: 0;
                right: 0;
                .left{
                    width: sbfb(220);
                    overflow: hidden;
                    img{
                        width: 100%;
//                      height: 735px;
                    }
                }
                .right{
                    width:sbfb(702);
                    .nav{
                        width: 100%;
                        border-bottom: 1px solid #efefef;
                        a{
                            display: inline-block;
                            margin-top: 6px;
                            margin-right: sbfb(115);
                            margin-left: 5px;
                            li{
                                font-size: 20px;
                                color: #444f58;
                                padding-bottom: 20px;
                                
                            }
                           
                        }
                        .active{
                            border-bottom: 3px solid #eb413d;
                        }
                    }
                   .tips{
                        width: s702(431);
                        height: 35px;
                        background-color: #efefef;
                        margin-top: s702(21);
                        p{
                            float: left;
                            line-height: 35px;
                            vertical-align: middle;
                        }
                        .img {
                            height: 35px;
                            line-height: 35px;
                            margin-left: s702(22);
                            margin-right: s702(18);
                             >span{
                                 display: inline-block;
                                width: 17px;
                                height: 17px;
                                border-radius: 50%;
                                background:#eb413d;
                                text-align: center;
                                line-height: 17px;
                                color: #FFFFFF;
                        }
                        }
                       
                        .text{
                            width: 86%;
                            font-size: 12px;
                            color: #444f58;
                            span{
                                margin-right: s702(8);
                                color: #eb413d;
                            }
                        }
                   }
                   .form{
//                     height: 365px;
                       margin-top:20px;
                       border-bottom:1px solid #efefef ;
                        .title{
                            font-size: 20px;
                            line-height: 21px;
                            span{
                                color: #e60012;
                                margin-right:s702(7);
                            }
                        }  
                        .input{
                            width: s702(542);
                            height: 42px;
                            margin-top: 35px;                   
                            
                            >p{
                                text-align: right;
                                width: s542(125);
                                float: left;
                                height: 42px;
                                line-height: 42px;
                                font-size: 12px;
                                vertical-align:meddle;
                                overflow: hidden;
                            }
                            .text{
                                width: s542(400);
                                float: right;
                                height: 42px;
                                line-height: 37px;
                                border-radius: 3px;
                                border: solid 1px #e7e7e7;
                                >input{
                                    width: 90%;
                                    padding-left: 10px;
                                    font-size: 12px;
                                    border: none;
                                    vertical-align:meddle;
                                    
                                }
                            }
                            .text_sfz{
                                width: s542(400);
                                .sfz{
                                    width: s400(160);
                                    height: 42px;
                                    line-height: 37px;
                                    border-radius: 3px;
                                    border: solid 1px #e7e7e7;
                                    p{
                                        padding-left: 15px;
                                        vertical-align: middle;
                                        display: inline-block;
                                        font-size: 12px;
                                        float: left;
                                        line-height: 42px;
                                        color: #99999a;;
                                    }
                                    .img{
                                        float: right;
                                        width: 40px;
                                        height: 40px;
                                        text-align: center;
                                        display: inline-block;
                                        border-left:1px solid #EFEFEF ;
                                        line-height: 40px;
                                        vertical-align: middle;
                                        cursor: pointer;
                                    }
                                    >img{
                                        vertical-align: middle;
                                    }
                                }
                                .sfz_text{
                                    width: s400(223);
                                    height: 42px;
                                    line-height: 37px;
                                    border-radius: 3px;
                                    border: solid 1px #e7e7e7;    
                                    input{
                                        width: s400(350);
                                        font-size: 12px;
                                        border: none;
                                        padding-left: 10px;
                                        vertical-align:meddle;
                                        
                                    }
                                }
                            }
                        }
                        .padd{
                                    margin-bottom: 25px;
                                }
                        .input_address{
                            width: s702(650);
//                          height: 42px;
                            margin-top: 35px;                   
                            
                            >p{
                                text-align: right;
                                width: 19%;
                                float: left;
                                height: 42px;
                                line-height: 42px;
                                font-size: 12px;
                                vertical-align:meddle;
                                overflow: hidden;
                            }
                            .text_sfz{
                                width: 80%;
                                .sfz_cx{
                                    margin-left: 15px;
                                    width: s400(150);
                                    height: 42px;
                                    line-height: 37px;
                                    border-radius: 3px;
                                    border: solid 1px #e7e7e7;
                                    p{
                                        padding-left: 15px;
                                        vertical-align: middle;
                                        display: inline-block;
                                        font-size: 12px;
                                        float: left;
                                        line-height: 42px;
                                        color: #99999a;;
                                    }
                                    .img{
                                        float: right;
                                        width: 40px;
                                        height: 40px;
                                        text-align: center;
                                        display: inline-block;
                                        border-left:1px solid #EFEFEF ;
                                        line-height: 40px;
                                        vertical-align: middle;
                                        cursor: pointer;
                                    }
                                    >img{
                                        vertical-align: middle;
                                    }
                                   
                                }
                                .sfz{
                                    width: s400(100);
                                    height: 42px;
                                    margin-left: 15px;
                                    line-height: 37px;
                                    border-radius: 3px;
                                    border: solid 1px #e7e7e7;
                                    p{
                                        padding-left: 15px;
                                        vertical-align: middle;
                                        display: inline-block;
                                        font-size: 12px;
                                        float: left;
                                        line-height: 42px;
                                        color: #99999a;;
                                    }
                                    .img{
                                        float: right;
                                        width: 40px;
                                        height: 40px;
                                        text-align: center;
                                        display: inline-block;
                                        border-left:1px solid #EFEFEF ;
                                        line-height: 40px;
                                        vertical-align: middle;
                                        cursor: pointer;
                                    }
                                    >img{
                                        vertical-align: middle;
                                    }
                            }
                        }
                        .please{
                            margin-left: 15px;
                            font-size: 12px;
                            color: #99999a;
                        }
                        .text{
                                width: s542(400);
                                float: left;
                                margin-left: 15px;
                                margin-top: 13px;
                                margin-bottom: 25px;
                                height: 42px;
                                line-height: 37px;
                                border-radius: 3px;
                                border: solid 1px #e7e7e7;
                                >input{
                                    width: 90%;
                                    padding-left: 10px;
                                    font-size: 12px;
                                    border: none;
                                    vertical-align:meddle;
                                    
                                }
                            }
                   } 
               }
                   .message{
                       margin-top: 43px;
                       p{
                           font-size: 20px;
                           color: #444f58;
                           >span:first-of-type{
                               color: #e60012;
                           }
                           >span:last-of-type{
                               font-size: 12px;
                               color: #99999a;
                               padding-left: 5px;
                           }
                           >a{
                               font-size: 12px;
                               color: #444f58;
                               text-decoration:underline;
                           }
                       }
                       .upload{
                           width: s702(542);
                            margin-top: 35px;
                           >p{
                                text-align: right;
                                width: s542(125);
                                float: left;
                                height: 82px;
                                line-height: 82px;
                                font-size: 12px;
                                vertical-align:meddle;
                                overflow: hidden;
                            }
                            .upload_btn{
                                float: left;
                                width: s542(112);
                                height: 82px;
                                background: #EFEFEF;
                                text-align: center;
                                cursor: pointer;
                                margin-left: 15px;
                                margin-right: 10px;
                                border: dashed 1px #b2b2b2;
                                img{
                                    margin-top: 20px;
                                    text-align: center;
                                    vertical-align: middle;
                                }
                                p{
                                    text-align: center;
                                    font-size: 12px;
                                    margin-top: 5px;
                                }
                            }
                       }
                       a{
                           .btn{
                               margin-left: 133px;
                               margin-top: 20px;
                               width: s542(199);
                               height: 48px;
                               background-color: #eb413d;
                               border-radius: 24px;
                               p{
                                  color:#ffffff;;
                                  line-height: 48px;
                                  text-align: center;
                                  vertical-align: middle; 
                               }
                           }
                       }
                   }
                }
            }
        }
    }
    .footer{
        background: #EFEFEF;
        font-size: 12px;
        line-height: 13px;
        color: #878787;
        text-align: center;
        padding-top: 28px;
        padding-bottom: 40px;
    }
}

